/* right side */
	.left_articles {
	margin: 0 12px 15px 0px;
	padding: 10px 0 0 0;
	text-align: justify;
	border-bottom: 1px dotted #ccc;
	color: #000;
	background: #fff;
	}

	.description { padding: 0 0 2px 0; margin: 0 10px 5px 0; border-bottom: 1px dotted #ccc; }
	.thumbnail { float: left; margin: 0 18px 8px 0; border: 1px solid #dedede; }


	.box h4{
		font-size:12px;
		font-weight:normal;
		height:16px;
		padding:0px;
		margin:8px 4px;
	}
	.box h4 a{
		float:left;
		font-size:14px;
	}
	.box .add a{
		background-attachment: scroll;
		background-color: transparent;
		background-image: url(../images/star.png);
		background-position: 0px -15px;
		background-repeat: no-repeat;
		float: left;
		height: 14px;
		overflow-x: hidden;
		overflow-y: hidden;
		width: 14px;
		margin:0 8px 0 2px;
	}
	.box .add a:hover{
		background-position: 0px 1px;
	}
	.box .titlebox{
	height:21px;
	}
	.box .title{
		float:left;
		font-size:15px;
	}
	.box span .f{
	height:8px;
	}
	.boxtop { height: 19px; background: #fff url(../images/boxtop.gif) no-repeat; color: #000; }
	.box {
	background: #fff url(../images/box.gif) no-repeat bottom left;
	color: #5b5b5b;
	padding: 0 12px 15px 12px;
	margin: 0 0 10px 0;
}
	.box p { padding: 0; margin: 0 4px; text-indent:24px;font-weight:bold;font-weight:normal;}
	.image { float: left; margin: 0 9px 3px 0; }



.ProgressBar div span {
    position: absolute;
    width: 60px; /* 宽度 */
    text-align: center;
}
.ProgressBar div {
    display: block;
    position: relative;
    background: #B1D632;
    color: #333333;
    font-size:10px;
    height: 11px; /* 高度 */
    line-height: 11px;  /* 必须和高度一致，文本才能垂直居中 */
}
.ProgressBar div span {
    position: absolute;
    width: 60px; /* 宽度 */
    text-align: center;
}

/* bottom thirds */

.thirds {
	width: 260px;
	background: #eee;
	color: #5d5d5d;
	margin:0 0 10px 0;
	line-height:26px;
	font-size:13px;
}
.thirds {
	width: 260px;
	background: #eee;
	color: #5d5d5d;
	margin:0 0 10px 0;
	line-height:26px;
	font-size:13px;
}

	.smallboxtop { height: 14px; background: #fff url(../images/smallboxtop.gif) no-repeat; color: #000; }
	.smallbox { background: #fff url(../images/smallbox.gif) no-repeat bottom left; color: #444; padding: 1px 10px 10px 10px;  }
	.smallbox p { padding: 0; margin: 0; }


/* left side */
.left {
	margin: 0px;
	float: left;
	width: 123px;
	padding:0 12px 8px 10px;
	overflow:hidden;
	border-right:1px #eee solid;
	margin:0 0 15px 0;
}
.left_menu {
	font-size: 13px;
	font-variant: normal;
	color: #003B6E;
	text-decoration: none;
	background: url(../images/menu_active.png) no-repeat;
	margin: 0px;
	float: left;
	height: 20px;
	width: 108px;
	padding:5px 15px 0 0;
}
.left_menu:HOVER {
	font-size: 13px;
	font-weight: bold;
	font-variant: normal;
	color: #9EC068;
	text-decoration: none;
	background-image: url(../images/menu_hover.png) no-repeat;
}
.menuhead {
	margin: 13px 0 0 0;
	float: left;
	width: 100%;
	height:28px;
}

/* misc */
.buttons {
	text-align: right;
	padding:0;
	float: right;
}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background:url(../images/bluebtn.gif) no-repeat; width: 100px; padding: 1px 16px 5px 16px; color: #fff; text-decoration: none; }
.greenbtn { background: #488EB2 url(../images/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover {
	background: url(../images/hoverbtn.gif) no-repeat;
	color: #fff;
}

